<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <style>
            body {
                color: #61443e;
                font-family:Monospace;
                font-size:13px;
                text-align:center;

                background-color: #bfd1e5;
                margin: 0px;
                overflow: hidden;
            }
			#speedometer {
				color: #ffffff;
				background-color: #990000;
				position: absolute;
				bottom: 0px;
				padding: 5px;
			}
            #info {
                position: absolute;
                top: 0px; width: 100%;
                padding: 5px;
            }

            a {

                color: #a06851;
            }

        </style>
    </head>
    <body>
        <div id="container"><br /><br /><br /><br /><br />Loading...</div>
		<div id="speedometer">0.0 km/h</div>
        <div id="info">Press W,A,S,D to move.</div>

		<script src="ammo.js"></script>

        <script src="examples/js/three/three.min.js"></script>
        <script src="examples/js/three/OrbitControls.js"></script>
        <script src="examples/js/three/Detector.js"></script>
        <script src="examples/js/three/stats.min.js"></script>

        <script>
			let r = 1000;
			let step = 5;
			let angle = step/r/2;
			let len1 = r*Math.sin(angle);
			let len = len1*2;
			let off = step-len;
			let b = r*Math.cos(angle);
			let off2 = r-b;

        </script>
    </body>
</html>
